.contents > header{
	font-size: 24px;
}

.container .contents{
	width: 625px;
	padding-right: 25px;
	background-color:#fcfcfc;
}

.container .contents .desc{
	font-size: 14px;
	height: 30px;
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
}

.container .contents .desc > div{
	float: left;
}

.container .contents .desc .from{
	width: 180px;
	overflow:hidden;
	text-overflow: ellipsis;
}

.container .contents .desc .from .label{
	color: #B3B3B3;
	margin-right: 8px;
}

.container .contents .desc .from .name:hover, .container .contents .desc .from .name:active{
	color:#E24834;
}

.container .contents .desc .time{
	width: 145px;
	margin-top: -2px;
	color: #B3B3B3;
}

.container .contents .desc .time .clock{
	width: 18px;
	height: 18px;
	display:inline-block;
	border-radius: 9px;
	background-color: #E24834;
}

.container .contents .desc .time .hourHand{
	width: 4px;
	height: 6px;
	background-color: #fff;
	margin: 3px 0px 0px 7px;
}

.container .contents .desc .time .minHand{
	width: 2px;
	height: 9px;
	background-color: #fff;
	margin: -3px 0px 0px 9px;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.container .contents .desc .comment{
	float: right;
	margin: -5px 10px 0px 0px;
	width: 80px;
	height: 24px;
	border-radius: 6px;
	border: 1px solid #D73210;
	background-color: #E24727;
}

.container .contents .desc .comment > p{
	float: left;
	height: 100%;
	line-height: 24px;
}

.container .contents .desc .comment .label{
	width: 60%;
	border-right: 1px solid #D73311;
}

.container .contents .desc .comment .count{
	width: 35%;
	border-left: 1px solid #E66A4E;
}

.contents article{
	margin: 20px 5px 0px 2px;
}

.contents article img{
	margin-right: 10px;
}

.contents > article p{
	margin-bottom: 20px;
}

.contents article > p{
	font-size: 15px;
}

.contents .comments{
	margin-top: 40px;
	border-top: 1px solid #ccc;
}

.contents .comments header, .contents .commentForm header{
	font-size: 19px;
	margin: 10px 0px 0px 5px;
}

.contents .comment article{
	padding-left: 55px;
}

.contents .comment header{
	font-size: 14px;
	margin: 0px 0px 5px -2px;
}

.contents .comment .icon{
	width: 44px;
	height: 44px;
	margin-right: 10px;
	background-color:#ccc;
	float: left;
}

.contents .name{
	color:#7abb2b;
	float: left;
}

.contents .time{
	text-align: right;
	color:#999;
}

.contents .comments li{
	padding-bottom: 20px;
	border-bottom: 1px dotted #b1b1b1;
}

.contents .comments li:last-child{
	border-bottom: none;
}

.contents .comments .reference{
	margin: 10px 10px;
	padding: 10px 13px;
	border: 1px solid #ccc;
	background-color:#ffffcc;
}

.contents .commentForm{
	margin-top: 40px;
	padding-bottom: 180px;
	border-top: 1px solid #ccc;
}

.contents .commentForm header{
	float: left;
}

.contents .commentForm nav{
	font-size: 14px;
	margin: 0px;
	padding: 14px 0px 0px 120px;
	border: none;
}

.contents .commentForm nav span{
	margin-right: 5px;
}

.contents .commentForm textarea{
	border: 1px solid #999;
	width: 100%;
	height: 114px;
}

.contents .commentForm .button{
	width: 70px;
	padding: 5px 10px;
	margin: 20px 0px 0px 2px;
}